<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>主页布局方案</title>
		<!--导入jquery-->
		<script src="../js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
		<script>
			$(function(){
				$.messager.progress(
					{
						title:"下载",
						interval:1000
					},
					window.setTimeout("$.messager.progress('close')",5000)
					
				)
			});
			
		</script>
	</head>

	<body class="easyui-layout">

		<div data-options="region:'north',title:'North Title',split:true" style="height:100px;">
			<a href="javascript:void(0)" id="mb" class="easyui-menubutton" data-options="menu:'#mm',iconCls:'icon-edit'" style="position: absolute;right: 50px;">Edit</a>

			<div id="mm" style="width:150px;">

				<div data-options="iconCls:'icon-undo'">Undo</div>

				<div data-options="iconCls:'icon-redo'">Redo</div>

				<div class="menu-sep"></div>

				<div>Cut</div>

				<div>Copy</div>

				<div>Paste</div>

				<div class="menu-sep"></div>

				<div data-options="iconCls:'icon-remove'">Delete</div>

				<div>Select All</div>

			</div>

		</div>

		<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>

		<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>

		<div data-options="region:'west',title:'菜单导航',split:true" style="width:200px;"></div>

		<div data-options="region:'center',title:'消息中心'" style="padding:5px;background:#eee;">
			
			
		</div>
		<!--div[data-options=""]*5-->

	</body>

</html>